[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import Link from "next/link" import Image from "next/image" import { ChevronRight, Calendar, Heart, MapPin, MessageSquare, Music } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { BibleVerse } from "@/components/bible-verse" import { NewsletterSignup } from "@/components/newsletter-signup" export default function Home() { return (

{/* Hero Section */}

Welcome to Grace Community Church

A place of faith, hope, and love where everyone is welcome

{/* Bible Verse of the Day */}

{/* Quick Links */}

Welcome to Our Church Family

We are a vibrant community of believers dedicated to serving God and our community. Join us as we grow together in faith and fellowship.

Upcoming Events

Sunday Worship

March 17, 10:00 AM
Bible Study

March 19, 7:00 PM
Community Outreach

March 21, 9:00 AM

View All Events

Latest Sermons

Walking in Faith

Pastor John Smith
The Power of Prayer

Pastor Sarah Johnson
Finding Peace in Chaos

Pastor Michael Brown

View All Sermons

Get Involved

There are many ways to serve and connect with our church community. Find your place in one of our ministries.

Youth Ministry Worship Team Community Outreach

View All Ministries

{/* Call to Action */}

Join Us This Sunday

Experience the warmth of our community and the power of worship. Services at 9:00 AM and 11:00 AM.

{/* Testimonials */}

Our Community

Hear from members of our church family about how faith and community have impacted their lives.

{[1, 2, 3].map((i) => (

"This church has become my second home. The community here is so welcoming and supportive through all of life's challenges."

Sarah Johnson

Member since 2018

))}

{/* Newsletter Signup */}

{/* Location and Contact Info */}

Visit Us

Grace Community Church

123 Faith Avenue, Cityville, ST 12345

Service Times

Sundays at 9:00 AM & 11:00 AM

Wednesday Bible Study at 7:00 PM

info@gracechurch.org

(555) 123-4567

{/* This would be a Google Map in a real implementation */}

Google Map would be embedded here

) } [V0_FILE]typescriptreact:file="components/bible-verse.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Quote } from "lucide-react" // In a real implementation, you might fetch this from an API const verses = [ { text: "For God so loved the world that he gave his one and only Son, that whoever believes in him shall not perish but have eternal life.", reference: "John 3:16", }, { text: "I can do all this through him who gives me strength.", reference: "Philippians 4:13", }, { text: "Trust in the LORD with all your heart and lean not on your own understanding; in all your ways submit to him, and he will make your paths straight.", reference: "Proverbs 3:5-6", }, { text: "For I know the plans I have for you, declares the LORD, plans to prosper you and not to harm you, plans to give you hope and a future.", reference: "Jeremiah 29:11", }, ] export function BibleVerse() { const [verse, setVerse] = useState(verses[0]) useEffect(() => { // In a real implementation, you might fetch a verse from an API const randomIndex = Math.floor(Math.random() * verses.length) setVerse(verses[randomIndex]) }, []) return (

{verse.text}

{verse.reference}

) } [V0_FILE]typescriptreact:file="components/newsletter-signup.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Mail } from "lucide-react" export function NewsletterSignup() { const [email, setEmail] = useState("") const [isSubmitted, setIsSubmitted] = useState(false) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // In a real implementation, you would send this to your backend console.log("Subscribing email:", email) setIsSubmitted(true) setEmail("") // Reset the success message after 5 seconds setTimeout(() => { setIsSubmitted(false) }, 5000) } return (

Stay Connected

Subscribe to our newsletter for weekly devotionals, church updates, and upcoming events.

{isSubmitted ? (

Thank you for subscribing! You'll receive our next newsletter soon.

) : ( )}

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" import { Header } from "@/components/header" import { Footer } from "@/components/footer" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Grace Community Church", description: "A place of faith, hope, and love where everyone is welcome", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (

{children}

Welcome to Grace Community Church

Welcome to Our Church Family

Upcoming Events

Latest Sermons

Get Involved

Join Us This Sunday

Our Community

Visit Us

Stay Connected

Holiday Services

Baptism Services

Communion Services

Prayer & Healing Services

{series.title}

Worship Team

Children's Ministry

Welcome Team

Outreach Team

Financial Accountability

Annual Budget

Financial Reports

Visit Us

Call Us

Email Us

Service Times

Connect With Us

Office Hours

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This